<template>
	<view class="head0">
			<block v-for="(station, index) in xiaoxi" :key="index">
				<view class="head">
				<view class="head1">
					<view class="head11">{{ station.name }}</view>
					<view class="head12">{{ station.money }}</view>
				</view>
				<view class="head2">
					<view>{{station.date}}</view>
				</view>
				</view>
			</block>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				xiaoxi: [{
						name: '大美汽车维修店-洗车',
						money: '-50元',
						date: '2023.03.11 11:09'
					},
					{
						name: '大美汽车维修店-洗车',
						money: '-50元',
						date: '2023.03.11 11:09'
					},
					{
						name: '大美汽车维修店-洗车',
						money: '-50元',
						date: '2023.03.11 11:09'
					},
				]

			}
		},
		methods: {

		}
	}
</script>

<style>
	.head0{
		width: 95%;
		margin: auto;
		background-color: #fff;
		border-radius: 20rpx;
		border-bottom: 10rpx solid whitesmoke;
	}
	.head {
		/* width: 95%;
		margin: auto;
		background-color: aqua; */
		border-radius: 20rpx;
		border-bottom: 10rpx solid whitesmoke;

	}

	.head1 {
		margin-left: 30rpx;
		margin-right: 30rpx;
		line-height: 120rpx;
		display: flex;
		justify-content: space-between;

	}

	.head11 {
		font-size: 30rpx;
		font-weight: 600;
	}

	.head12 {
		color: black;
	}

	.head2 {
		margin-left: 30rpx;
		margin-right: 30rpx;
		margin-bottom: 40rpx;
		font-size: 28rpx;
	}
</style>